草庐IT

HTML 切换按钮

全部标签

javascript - jQuery 更新 html 元素文本而不影响 HTML 子元素

我有一个小问题,我不知道如何解决。我有一个像这里一样的HTML层次结构TitleGoesHere我喜欢做的是修改“TitleGoesHere”。我尝试的是:$('#el_01title').text('NewTitleGoesHere');但这也删除了:有没有办法只更新“TitleGoesHere”而不影响span元素? 最佳答案 您可以通过访问DOM元素并获取其firstChild来直接编辑文本节点。$('#el_01.title')[0].firstChild.data='NewTitleGoesHere';如果有多个.titl

javascript - 使浏览器在单击后退按钮时忽略 URL 哈希

例如,如果用户在http://example.com上,然后用户转到http://example.com#comments.如果用户在他的浏览器上点击“后退”,我怎样才能让他“忽略”http://example.com并直接转到他之前访问过的URL?我已经加载了jQuery。 最佳答案 而不是像这样的链接:Link使用location.replace()“覆盖”浏览器历史记录中的http://example.com。https://developer.mozilla.org/en/DOM/window.location示例:HTML

javascript - 选中单选按钮时 Rails 显示字段

我正在开发一个Rails应用程序,我需要在单击单选按钮时显示/隐藏某个字段。我正在使用javascript,但我似乎无法让它工作。有什么解决办法吗?单选按钮代码ATUNoATU选中第一个按钮时将显示的字段TipusATU".html_safe+options_from_collection_for_select(@tipus,:id,:codi)%> 最佳答案 首先,给你的单选按钮一些类名,这样你就可以更容易地在javascript中使用它们。"relat__aturelat__atu_yes"}%>ATU"relat__ature

javascript - 浏览器后退和前进按钮不使用 history.js 的 statechange 事件调用回调方法

我使用了(https://github.com/browserstate/history.js)并且有一段这样的代码History.Adapter.bind(window,'statechange',function(){varState=History.getState();alert('InsideHistory.Adapter.bind:'+State.data.myData);});functionmanageHistory(url,data,uniqueId){varHistory=window.History;if(!History.enabled){returnfalse

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 切换大小写字符串正则表达式和数字

有没有办法在单个Javascriptswitch语句中创建多个case?在我的代码中,我通过jQuery接收字段的值。是否有可能一种情况检查字符串正则表达式而另一种情况检查相同变量的数量?我的思路是:varfield=$(this).val();varmsg;switch(field){casefield.test('Yes'):msg="FOO\n";break;case10:msg="BAR\n";break;}虽然我在这里看到:SwitchstatementforstringmatchinginJavaScript在字符串上使用switch的方法是向switch语句发送一个“真”

javascript - 单击 "Apply"按钮后应用 angularjs 过滤器

我有一个很大的数据列表(4000多个项目)。开始输入时-我的浏览器卡住(最多15秒)。所以我需要关闭自动过滤功能,并将过滤功能绑定(bind)到按钮点击。通过谷歌寻找答案没有结果。我该怎么做?请帮助我:)代码:和Controller:app.controller("smsCtrl",['$scope','smsData','createDialog','$http','$filter',function($scope,smsData,createDialog,$http,$filter){...} 最佳答案 我在帮助一位同事时遇到了

javascript - 如何在使用 jQuery AJAX 单击按钮后在 node.js 服务器上执行操作

我有一个问题。我想让服务器在点击按钮后做一些事情。这是我的HTML代码:$('like').click(function(){$.post('/test')});这是我的服务器端代码:app.post('/test',function(req,res){console.log('works');});而且它不起作用。 最佳答案 您的问题就在这里,您忘记了用于通过id定位元素的#,因此永远不会调用click。$('#like').click(function(){$.post('/test');});

javascript - 如何使用 HTML5 音频 API 播放从 XMLHTTPRequest 返回的音频

在向我的服务器端api发出“AJAX”请求时,我无法播放音频。我有后端Node.js代码,它使用IBM的WatsonText-to-Speech服务来提供文本音频:varrender=function(request,response){varoptions={text:request.params.text,voice:'VoiceEnUsMichael',accept:'audio/ogg;codecs=opus'};synthesizeAndRender(options,request,response);};varsynthesizeAndRender=function(opt

javascript - 正则表达式用 HTML 标签包装字符串

我有一个包含很多行的文本区域,如下所示:#1=stuff#2=morestuff...#123=evenmorestuff...我正在使用正则表达式来查找#num=模式(/^#[0-9]*=/),我想让它们成为像这样的anchor标记#123=但它并没有像我想象的那样工作。"#2=".replace(/^#[0-9]*=/,"$1")结果:$1我做错了什么? 最佳答案 您忘记了捕获组或使用$&引用第0组并且您只处理初始数字,因为您使用的是字符串anchor的开头(您需要将其删除以匹配所有它们中的一个,或者如果你想匹配行的开头,请使用